<template>
  <div class="successPay-container">
      <div class="header">
            <div>
                <div class="left">
                    <i></i>
                </div>
            </div>
            <!-- <h4>大件会</h4> -->
            <div class="logo">
                支付成功
            </div>
        </div>
        <div class="noOrderList">
			<div class="noOrder_img">
				<img src="../../../assets/images/index/right@2x.png" />
				<p>恭喜您，支付成功</p>
			</div>
        <div class="checkbtn">
            <mt-button size="normal" type="danger">查看订单</mt-button>
            <mt-button size="normal" type="default" class="viewbtn">完成</mt-button>
        </div>
		</div>
        
  </div>
</template>
<script>
</script>
<style scoped lang="less">
.header {
  color: #000;
  background-color: #fff;
  .logo {
    a {
      display: inline-block;
      width: 131/37.5rem;
      height: 42/37.5rem;
      margin-top: 18/37.5rem;
    }
  }
  .left {
    position: absolute;
    left: 32/37.5rem;
    top: 35/37.5rem;
    height: 32/37.5rem;
    line-height: 32/37.5rem;
    a {
      font-size: 32/40rem;
    }
    i {
      display: inline-block;
      width: 22/37.5rem;
      height: 30/37.5rem;
      background: url(../../../assets/images/index/gengduo@2x.png) no-repeat;
      background-size: contain;
      transform: rotate(180deg);
    }
  }
}
.noOrderList {
  position: absolute;
  top: 160px;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
}
.noOrderList p {
  font-size: 36/37.5rem;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #27272b;
  text-align: center;
  margin-top: 15px;
}
.checkbtn {
  margin-top: 156/37.5rem;
  width: 100%;
  .mint-button:first-child {
    margin-right: 60/37.5rem;
  }
}
.mint-button {
  width: 200/37.5rem;
  height: 74/37.5rem;
  font-size: 28/37.5rem;
}
.viewbtn {
  background-color: #fff;
}
</style>
